<template>
  <div id="app">
    <p class="back" @click="goBack" v-if="$route.path != '/'">
     <van-icon name="arrow-left" />
    </p>
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"></router-view>
  </div>
</template>

<script>
import WaterMark from './utils/watermark.js'
import router from 'vue-router'
import PreventRetransmission from './utils/preventRetransmission'
export default {
  name: "app",
  methods: {
    goBack() {
      this.$router.go(-1)
    }
  },
  mounted() {
    PreventRetransmission.set()
    WaterMark.set()
  }
};
</script>

<style lang='less'>
/* @import "~vux/src/styles/reset.less"; */
.back{
  position: fixed;
  bottom: 0.5rem;
  right: 0.5rem;
  font-size: 0.5rem;
  color: #fff;
  background-color: rgba(129,179,55,0.8);
  width: 60px!important;
  height:60px!important;
  text-align: center;
  line-height: 73px;
  border-radius: 50%;
  z-index: 9999;
}
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  border: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: 'CN Regular';
}

#app {
  width: 100%;
  height: 100%;
}

#app>div {
  width: 100%;
  min-height: 100%;
}

body {
  background: #fff;
  font-size: 16px;
  overflow-x: hidden;
}

body .el-table th.gutter {
  display: table-cell !important;
}

body .el-table colgroup.gutter {
  display: table-cell !important;
}

html,
body {
  height: 100%;
  width: 100%;
}

.amap-logo,
.amap-copyright {
  display: none !important;
}

/*清除浮动*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.clearfix {
  zoom: 1;
}

.weui-dialog__bd {
  max-height: 7rem;
  overflow: scroll;
}

/* .weui-dialog__hd {
  padding: 10px !important;
} */
/* .weui-dialog__bd {
  padding-top: 10px !important;
} */
/* .weui-toast {
  width: 2.6rem !important;
  min-height: 2.6rem !important;
} */

.vhcenter {
  display: flex;
  justify-content: center;
  align-items: center;
}

.vhbetween {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.vbetween {
  display: flex;
  justify-content: space-between;
}

.vharound {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.varound {
  display: flex;
  justify-content: space-around;
}

.vcenter {
  display: flex;
  align-items: center;
}

.vhcolumn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.vcolumn {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.flex_wrap {
  display: flex;
  /* flex-direction: column; */
  flex-wrap: wrap;
}

.amap-lib-driving {
  display: none;
}

.amap-call {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  color: #999;
}

.weui-textarea {
  background: #f8f8f8 !important;
}

.weui-btn_plain-default {
  border-color: #e4e4e4 !important;
}
</style>
